<template>
  <div class="login-container">
    <div class="login-panel">
      <h2 class="title">房产后台系统</h2>
      <el-tabs type="border-card" stretch>
        <el-tab-pane>
          <span slot="label"><i class="el-icon-s-custom" />登录</span>
          <login />
        </el-tab-pane>
        <el-tab-pane>
          <span slot="label"><i class="el-icon-s-help" />注册</span>
          <register />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import Login from './cpns/login.vue'
import Register from './cpns/register.vue'
export default {
  components: { Login, Register }
}
</script>

<style lang="scss">
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: url('../../assets/img/login-bg.svg') no-repeat;
  .title {
    text-align: center;
  }
  .login-panel {
    width: 320px;
    height: 300px;
    margin-bottom: 180px;
  }
}
</style>
